<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="互联网信息安全技术手段公共服务平台" />
    <meta name="description" content="互联网信息安全技术手段公共服务平台" />
    <title>互联网信息安全技术手段公共服务平台</title>
    <link href="static/css/owl.carousel.css" rel="stylesheet" />
    <link href="static/css/owl.transitions.css" rel="stylesheet" />
    <link href="static/css/owl.theme.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="static/css/jquery.fancybox.css" media="screen" />
    <link rel="stylesheet" href="static/css/mycss.css" />
    <link rel="stylesheet" href="static/css/bootstrap.min.css" />
    <link rel="stylesheet" href="static/css/style.css">
    <script src="static/js/jquery-3.2.1.min.js"></script>
    <script src="static/js/laydate/laydate.js"></script>
    <script src="static/js/owl.carousel.js"></script>
    <script src="static/js/jquery.easings.min.js"></script>
    <script type="text/javascript" src="static/js/jquery.fancybox.js"></script>
    <script src="static/js/myjs.js"></script>
    <script src="static/js/lodash.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/bootstrap-paginator.js"></script>
    <script src="static/plugins/layer-v1.9.0/layer/layer.js"></script>
</head>

<body class="dialog-body">
    <div class="center">
         <div class="form-group">
	        <label style="font-size:20px;">CDN信息查询  - CDN子网</label>
	    </div> 
        <div class="form-search-box clear">
            <form class="form-inline">
                <div class="form-moren">
                    <div class="form-group">
                        <label for="topDomain">顶级域名：</label>
                        <input type="text" class="form-control text-box" id="topDomain">
                    </div>
                    <div class="form-group">
                        <label for="cdnName">CDN企业：</label>
                        <input type="text" class="form-control text-box" id="cdnName">
                    </div>
                     <div class="form-group">
	                    <label for="bureau_address">是否本省企业：</label>
                       <select id="enterprise" class="form-control text-box">
                      <option value="1">本省</option>
                      <option value="2">非本省</option>
                      <select>
	                </div>
                    <button type="button" onclick="query(1)" class="btn btn-primary">查询</button>
                    <button type="button" class="btn btn-warning btn-clear-form">重置</button>
                   <!--  <button type="button" class="btn btn-warning btn-more">
                        <span class="glyphicon glyphicon-chevron-down"> </span>
                    </button> -->
                </div>
                <div class="form-more">
                    <!-- <div class="form-group">
                        <label for="reportTimeStart">上报时间：</label>
                        <input type="text" class="form-control text-box" id="reportTimeStart" readonly>
                    </div>
                    <div class="form-group">
                        <label for="reportTimeEnd">至：</label>
                        <input type="text" class="form-control text-box" id="reportTimeEnd" readonly>
                    </div> -->
                   <!--  <div class="form-group">
                        <label for="modifyTimeStart">修改时间：</label>
                        <input type="text" class="form-control text-box" id="modifyTimeStart" readonly>
                    </div>
                    <div class="form-group">
                        <label for="modifyTimeEnd">至：</label>
                        <input type="text" class="form-control text-box" id="modifyTimeEnd" readonly>
                    </div>
                    <div class="form-group">
                        <label for="cdnId">许可证号：</label>
                        <input type="text" class="form-control text-box" id="cdnId">
                    </div> -->
                </div>
            </form>
        </div>
        <div class="table-responsive table-box">
            <table class="table table-hover table-bordered">
                <thead>
                    <tr>
                        <th width="45">序号</th>
                        <th>CDN子网域名</th>
                        <th>CDN子网所属企业</th>
                        <th width="120">CDN子网编号</th>
                        <th width="100">CDN子网对应节点数量</th>
                        <th width="100">CDN子网对应加速域名数量</th>
                        <th width="100">CDN子网对应加速IP段数量</th>
                        <th width="75">机房数量</th>
                        <th>上报时间</th>
                    </tr>
                </thead>
                <tbody id="tread"></tbody>
            </table>
        </div>
        <div class="page-box">
            <div class="total">共&nbsp;
                <span class="num-color" id="total_data"></span>&nbsp;条，总共&nbsp;
                <span class="num-color" id="total_pages"></span>&nbsp;页
            </div>
            <div class="dropdown" id="dropdown">
                <button type="button" class="btn btn-default" data-toggle="dropdown" id="pageNum">
                    <strong>10</strong>条/每页
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li>
                        <a href="#"><strong>10</strong>条/每页&nbsp;</a>
                    </li>
                    <li>
                        <a href="#"><strong>30</strong>条/每页&nbsp;</a>
                    </li>
                    <li>
                        <a href="#"><strong>50</strong>条/每页&nbsp;</a>
                    </li>
                </ul>
            </div>
            <div class="page-group">
                <ul id="pageLimit"></ul>
            </div>
            <div class="jump-box">
                <input type="text" class="form-control text-box" id="jump_page">
                <button class="btn btn-primary" onclick="jumpQuery()">跳转</button>
            </div>
        </div>
    </div>
    <div class="modal fade my-dialog" id="detailInfo" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="detail_info" style="height:280px;">
                
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade list-dialog" id="subDialog" tabindex="-1" role="dialog" data-target=".bs-example-modal-lg">
       <div class="modal-dialog" role="document" style="width:1100px;">
           <div class="modal-content">
               <div class="modal-header">
                   <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                       <span aria-hidden="true">&times;</span>
                   </button>
               </div>
               <div class="modal-body" id="modalBody">
                 
               </div>
           </div>
       </div>
   </div>
    <script type="text/template" id="treadTpl">
        <tr>
            <td class="serial-num">
                <span>
                    <%= index %>
                </span>
            </td>
            <td title="<%=topDomain%>">
                 <button type="button" onclick="detailInfo('<%=cdnNetId%>','<%=cdnId%>')" class="table-btn num-color" data-toggle="modal" data-target="#detailInfo">
                 	<%= topDomain %>
				</button>
            </td>
            <td title="<%=cdnName%>">
                <%= cdnName %>
            </td>
            <td title="<%=cdnNetId%>">
                 <%= cdnNetId %>
            </td>
            <td title="<%=nodeNum%>">
                <button type="button" onclick="linkPage('nodeNum','<%=cdnNetId%>','<%=cdnId%>')" class="table-btn num-color" id="nodeNum" data-toggle="modal" data-target='#subDialog'>
                    <%= nodeNum %>
                </button>  
            </td>
			<td title="<%=domainNum%>">
                <button type="button" onclick="linkPage('domainNum','<%=cdnNetId%>','<%=cdnId%>')" class="table-btn num-color" id="nodeNum" data-toggle="modal" data-target='#subDialog'>
                    <%= domainNum %>
                </button>  
            </td>
            <td title="<%=ipNum%>">
                <button type="button" onclick="linkPage('ipNum','<%=cdnNetId%>','<%=cdnId%>')" class="table-btn num-color" id="ipNum" data-toggle="modal" data-target='#subDialog'>
                    <%= ipNum %>
                </button>  
            </td>
            <td title="<%=houseNum%>">
                <button type="button" onclick="linkPage('houseNum','<%=cdnNetId%>','<%=cdnId%>')" class="table-btn num-color" id="houseNum" data-toggle="modal" data-target='#subDialog'>
                    <%= houseNum %>
                </button>  
            </td>
			<td title="<%=timstamp%>">
                  <%= timstamp %>
            </td>
        </tr>
    </script>
    <input type="hidden" id="linkCdnId" value="${linkCdnId}"/>
    <input type="hidden" id="loginUser" value="${loginUser}"/>
    <input type="hidden" id="linkDomainId" value="${linkDomainId}"/>
    <input type="hidden" id="userLevel" value="${userLevel}"/>
    <input type="hidden" id="userId" value="${userId}"/>
	<script src="static/js/module/cdnNetInfo.js"></script>       
</body>

</html>